.top{
  width:100%;
  height:150px;
  background-color: #F3A7B9;
  overflow: hidden;
  position:relative;
  >.lt{
    width:60px;
    position:relative;
    top:30px;
    left:50%;
    margin-left:-30px;
    img{
      width:60px;
      height:60px;
      border-radius: 50%;
    }
  }
  .name{
    position:relative;
    font-size:16px;
    color:#ffffff;
    letter-spacing: 2px;
    text-align: center;
    margin-top:100px;
  }
  .my_virtual_rose{
    min-width:80px;
    height:20px;
    padding:0 5px;
    color:#ffffff;
    font-size:9px;
    line-height:20px;
    border-top-left-radius:15px;
    border-bottom-left-radius:15px;
    background-color: #000000;
    position:absolute;
    top:28px;
    right:0;
  }
}

.share{
  padding:20px 0;
  background-color: #ffffff;
  overflow: hidden;
  border-bottom:1px solid #dbdbdb;
  .lt,.rt{
    width:50%;
    text-align: center;
    border-right:1px solid #dbdbdb;
    i{
      display: inline-block;
      width:25px;
      height:23px;
      background: url("../img/web_icon.png") no-repeat -28px -50px;
      vertical-align:middle;
    }
    span{
      font-size:16px;
      color:#f29fb3;
    }
  }
  .rt{
    border:0;
    i{
      background: url("../img/web_icon.png") no-repeat -58px -50px;
    }
  }
}

.text{
  padding:10px 0;
  width:100%;
  text-align: center;
  background-color: #f9f9f9;
  color:#989898;
  font-size:11px;
}
.shelf-box{
  >p{
    font-size: 14px;
    padding: 8px 10px;
    font-weight: bold;
  }
  ul{
    border-top:1px solid #dbdbdb;
    padding:10px;
    overflow: hidden;
    li{
      width:47%;
      margin-right:5%;
      margin-bottom:10px;
      div.img{
        width:100%;
        img{
          width:100%;
          height:100px;
          //border:1px solid #E6E6E6;
          border-radius:5px;
          //display: block;
        }
      }
      p{
        font-size:12px;
        font-weight:bold;
        padding:5px 0 0 0;
      }
      .bottom{
        height:18px;
        //line-height: 18px;
        span{
          font-size:9px;
          color:#888888;
          position:relative;
          top:-3px;
        }
        a{
          display: inline-block;
          padding:1px 10px;
          color:#ffffff;
          background-color: #F29FB3;
          border-radius:3px;
          font-size:9px;
          position:relative;
          top:2px;
        }
      }
    }
    li:nth-child(2n){
      margin-right:0;
    }
  }
}
